$(document).ready(function ()
   {
      $("#btnShowSimple").click(function (e)
      {
         ShowDialog(false);
         e.preventDefault();
      });

      $("#btnClose").click(function (e)
      {
         HideDialog();
         e.preventDefault();
      });

      $("#btnSubmit").click(function (e)
      {
         var brand = $("#brands input:radio:checked").val();
         $("#output").html("<b>Your favorite mobile brand: </b>" + brand);
         HideDialog();
         e.preventDefault();
      });

   });

   function ShowDialog(modal)
   {
      $("#overlay").show();
      $("#dialog").fadeIn(300);

      if (modal)
      {
         $("#overlay").unbind("click");
      }
      else
      {
         $("#overlay").click(function (e)
         {
            HideDialog();
         });
      }
   }

   function HideDialog()
   {
      $("#overlay").hide();
      $("#dialog").fadeOut(300);
   }
        

/*(function(jQuery) {
jQuery.fn.clickoutside = function(callback) {
var outside = 1, self = $(this);
self.cb = callback;
this.click(function() {
outside = 0;
});
$(document).click(function() {
outside && self.cb();
outside = 1;
});
return $(this);
}
})(jQuery);*/
/*

$("#header ul.pagenav-list li.login a").click(function(e) {
e.preventDefault();
$(".member-login-form-content").slideToggle(200);
$(this).parent().toggleClass('current');
});
$(".member-login-form-content").mouseup(function() {
return false
});
$(document).mouseup(function(e) {
if($(e.target).parents("#header ul.pagenav-list li.login").length==0 && !$(e.target).is("#header ul.pagenav-list li.login")) {
$(".member-login-form-content").slideUp(200);
$("#header ul.pagenav-list li.login").removeClass('current');
}
});

*/